<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML">
<html>
  <head>
    <title>会员管理</title>
    <base href="<%=basePath%>">
	<script type="text/javascript" src="/js/jquery-1.8.0.js"></script> 
	<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>	
	<script type="text/javascript">
		$(function(){
			$("#ch_checkall").click(function(){
				if($("#ch_checkall").attr("checked")=="checked"){
					$("input[name=ck_id]").attr("checked","checked");
				}else{
					$("input[name=ck_id]").removeAttr("checked");
				}		
			});
			$("table tr").mouseover(function(){
				$(this).css("background","#D3EAEF");
				$(this).siblings().css("background","white");
			});
		});
	
	</script>

	<script>
		function subForm(pageIndex)
		{
		    //pageIndex 不传入,表示,是点击"转到"按钮的时候触发的
		    if(pageIndex){
		    	$("#pageIndex").val(pageIndex);
		    	document.form1.submit();
		    }
		    else{
		    	document.form1.submit();
		    }	
		}
		
		//点击上方的删除按钮,进行多项删除
		function delMuti(){
			//判断用户至少选了一项
			if($("input[name=ck_id]:checked").size()==0){
				alert("请至少选一项!");
			}
			else{
				if(confirm('确定要删除所选项吗')){	
					alert("此功能尚未完成!");
				}
				
			}
		}
		
	</script>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/maintable.css" ></link>
    <style>
    	.div_tools{
    		width:99.5%; 
			height:28px;
			background:#D3EAEF;
			margin:0px auto;
			margin-top:5px;
			margin-bottom:5px;
			font-size:12px;
			position:relative;	 
			
    	}
    	
    	.div_tools select{
    		height:22px;
    		font-size:12px;
			margin-top:3px;
    	}
    	
    	#btnsubmit{
    		width:40px;
    		height:20px;
    		font-size:12px;
    	}
    	
 
    </style>

  </head>
  
  <body>

				<div class ="div_title">
						<div class="div_titlename"> <img src="images/san_jiao.gif" ><span>会员列表</span></div>
						<div class="div_titleoper"><input type="checkbox"  /> 全选 <a href=""><img src="images/del.gif"/>删除</a></div>
				 </div>
				 <form action="MemberServlet.do?flag=manage" method="post" name="form1">
				 <div class ="div_tools">
				 	 &nbsp; &nbsp; &nbsp;
				 	  会员帐号: <input type="text" name="memberNo" value="${param.memberNo }"></input>

				 	注册日期从: <input type="text" name="beginDate" onclick="WdatePicker()" value="${param.beginDate}" /> 到:
				 	
				 	<input type="text" name="endDate"  onclick="WdatePicker()" value="${param.endDate}" />
				 	
				 	<input id="btnsubmit" type="submit"  value="查询" />
				 </div>
				
				 <input type="hidden" name="flag" value="delAdmins" />
				 <table class="main_table" >
				       <tr>
				 				<th><input type="checkbox" id="ch_checkall" /></th>	
				 				<th>账号</th> 	
				 				<th>姓名</th>  
				 				<th>电话</th> 
				 				<th>邮箱</th> 
				 				<th>注册日期</th> 
				 				<th>会员等级</th>  
				 				<th>操作</th>
				 		</tr>
				 		<c:forEach var="m" items="${memberList}">
				 		<tr>
				 				<td>
				 					<input type="checkbox" name="ck_id" value="${m.id}" /> 
				 				</td>
				 				<td>${m.memberNo }</td>	
				 				<td>${m.memberName }</td>	
				 				<td>${m.phone }</td>	
				 				<td>${m.email }</td>	
				 				<td>${m.registerDate }</td>
				 				<td>${m.memberLevel }</td>
				 				<td>
					 				<a href="MemberServlet.do?flag=detial&id=${m.id}" >查看</a> |  		
					 			    <a onclick="return confirm('确定要删除该会员吗?')" href="MemberServlet.do?flag=del&id=${m.id}">删除</a>
				 				</td>
				 		</tr>
				   		 </c:forEach>
				 	
				</table>
			<div class="div_page" >
			  <div class="div_page_left">    共有 <label>${page.rowCount}</label> 条记录，当前第 <label>${page.pageIndex}</label> 页，共 <label>${page.pageCount}</label> 页	</div>		
			  <div class="div_page_right" > 	 
			  			 <a href="MemberServlet.do?flag=manage&pageIndex=1" >首页</a>
		  	 			 <a href="MemberServlet.do?flag=manage&pageIndex=${page.pageIndex-1 }">上一页</a>
			  			 <a href="MemberServlet.do?flag=manage&pageIndex=${page.pageIndex+1 }">下一页 </a>
		  	 		   	 <a href="MemberServlet.do?flag=manage&pageIndex=${page.pageCount}">尾页</a>
			  <button>转到</button>
			  <input type="text" name="pageIndex" id="pageIndex" value="${page.pageIndex}"  type="number"/> 页
			</div>
				
		</div>

			</form>
	  <script type="text/javascript">
	  	 var msg='${msg}';
	  	 if(msg!=''){
	  	 	alert(msg);
	  	 }
	  </script>
  </body>
</html>
